<script type="text/javascript">
	$(function(){
		//保存修改
		$("#contactInfo_form").submit(function(){
			jQuery.post("/Wyn/user_detail/contact_info_save",$(this).serialize(),
			function(data){
				$("#contactInfo").replaceWith(data);
			});
			return false;
		});
		//取消
		$("#contactInfoCancel").click(function(){
			jQuery.get("/Wyn/user_detail/contact_info_cancel",
			function(data){
				$("#contactInfo").replaceWith(data);
			});
		});
		$("#contactInfo_display").toggle(
			function(){
				$("#contactInfo_form").hide();
			},
			function(){
				$("#contactInfo_form").show();
			});
	});
</script>
<div class="info-section clearfix" id="contactInfo">
	<div class="details panel opened" id="contactInfo_detail">
		<h3 id="contactInfo_display" class="legend">联系方式</h3>
		<div id="contactInfo_message" class="errors_div ajax_msgerror"
			style="display: none;"></div>
		<div id="contactInfo_loading" class="profileLoading"
			style="display: none;">
			<span>联系方式读取中...</span>
		</div>
		<form class="panel" action="/ContactInfo.do" method="post"
			name="contactInfoForm" id="contactInfo_form">
			<p>
				<label for="qq"> <span>QQ号码:</span>
				</label> <input type="text" class="input-text" id="qq" value="${ud.qq}"
					tabindex="1" size="40" name="ud.qq" rule="num#length:5,10"
					maxlength="10">
			</p>
			<p>
				<label for="msn"> <span>MSN:</span>
				</label> <input type="text" class="input-text" id="msn" value="${ud.msn}"
					tabindex="2" size="40" name="ud.msn" rule="email" maxlength="50">
			</p>
			<p>
				<label for="cellPhone"> <span>手机号码:</span>
				</label> <input type="text" class="input-text" id="cellPhone"
					value="${ud.mobilephone}" tabindex="3" size="40" name="ud.mobilephone"
					rule="mobile">
			</p>
			<p>
				<label for="homepage"> <span>个人网站:</span>
				</label> <input type="text" class="input-text" id="homepage"
					value="${ud.personalSite}" tabindex="5" size="40" name="ud.personalSite"
					rule="url" maxlength="50">
			</p>
			<p>
				<label class="empty" for=""> <span>确认:</span>
				</label> <input type="submit" id="contactInfoSubmit" value="保存修改"
					tabindex="7" class="input-submit" name="submit"><input
					type="button" id="contactInfoCancel" class="input-submit gray"
					value="取消" tabindex="8">
			</p>
		</form>
	</div>
</div>